﻿<%@ Page Language="C#" AutoEventWireup="true" Inherits="BaseData_COLORPIC" Codebehind="COLORPIC.aspx.cs" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title>无标题页</title>
    <script type="text/javascript">
        function showImg(Timg,simg)
		{
			var reg1=/((jpg)|(gif))$/i;
			if(document.getElementById(Timg)&&document.getElementById(simg))
			{
			var Imgs=document.getElementById(Timg).value;
			if(!reg1.exec(Imgs)){alert("图片格式不正确!");document.getElementById(Timg).outerHTML=document.getElementById(Timg).outerHTML;return;}
			document.getElementById(simg).style.display="";
			var Simg=document.getElementById(simg);Simg.src=Imgs; 
			}
		}
    </script> 
<style type="text/css">
fieldset {width:96%;}
select {margin:0;padding:0;}
body{padding:0; margin:0; background-color:#ffffff; text-align:center; font: "宋体"; font-size:12px;}
a:visited{text-decoration:none;color:slategray;}
a:hover{text-decoration:underline;color:slategray;}
a:link{text-decoration:none;color:slategray;}
.juli {margin-top:10px;padding-left:20px;}
.juli1 {margin-top:20px; margin-left:20px; text-align:left;}
.juli2 { margin:5px auto;}
.juli3 { margin-bottom:50px;}
.juli4 {padding-left:20px;padding-top:20px;padding-bottom:10px;background-color:#fef3bb;}
.juli5 {padding:0px; margin:0px;}
.z1{background-color:#e7e7e7; text-align:left; line-height:20px;}
.z2{background-color:#FFFFFF; text-align:left; line-height:20px;}
.input_button {width:52px;height:23px;border:none;cursor:pointer; background:#ffffff url(../Include/Images/bt.gif) no-repeat;}
.input_button1 {width:74px;height:23px;border:none;cursor:pointer; background:#ffffff url(../Include/Images/bt1.gif) no-repeat;}
.input_button2 {width:52px;height:23px;border:none;background:#ffffff url(../Include/Images/bt.gif) no-repeat; padding-top:5px;}
.input_button2 a{color:#000000;}
.input_button2 a:hover{color:#FF3300; text-decoration:underline;}
.input_button3 {width:95px;height:23px;border:none;background:#ffffff url(../Include/Images/bt2.gif) no-repeat;}
.zt1 {padding-left:10px; font-weight:600; color:#000000;}
.zt2 {padding-left:10px;}
.zt3 {text-align:center; font-weight:600; color:#000000;}
.zt4 {text-align:center; color:#000000;}
.zt5 {text-align:left; font-weight:600;}
.zt6 {font-size:14px; font-weight:600;}
.zt7 {text-align:right; color:#000000;}
.zt8 {text-align:right; color:#000000;}
.spmenu { line-height:28px; text-align:center;margin-bottom:10px; border-color:#999999;}
.menu_bg {background-color:#fef3bb; padding-left:20px;padding-top:6px; padding-bottom:6px;border-bottom:#cf994b 1px solid;}
.menu_bg1 { background-color:#fef3bb; padding-left:20px;padding-top:6px; padding-right:20px;border-bottom:#cf994b 1px solid; height:28px;}
.tb {width: 90%; background-color:#999999;}
.tb1 {width: 90%; background-color:#999999; margin-top:10px;}
.tb2 {width: 1050px; background-color:#999999;}
.left {float:left; clear:right;}
.k1 {float:left;width:90%; background-color:#efefef; border:#999999 1px solid;padding-top:10px;}
.k2 {float:left; width:90%; line-height:28px; margin-top:10px;}
.k3 {float:left; width:90%; line-height:28px; margin-top:10px; padding-bottom:30px; clear:both;}
.btlj1 {background: url(../Include/Images/bt1.gif) no-repeat; width:74px; height:23px;text-align:center; padding-top:5px; font-size:12px; display:inline; float:left;margin-left:5px;}
.btlj1 a{color:#000000; text-decoration:none;}
.btlj1 a:hover{color:#FF3300;text-decoration:underline;}
.hidden{visibility:hidden;}
a.lj {font-size:12px; color:#ff9900; text-decoration:underline;}
a.lj:link {font-size:12px; color:#ff9900; text-decoration:underline;}
a.lj:visited {font-size:12px; color:#ff9900; text-decoration:underline;}
a.lj:hover {color:#ff3300;}
a.lj:active {color:#ff3300;}
h2 {padding-left:20px;padding-top:10px;margin:0; background: url(../Include/Images/menu_title.gif) repeat-x;height:21px;font-size:14px; font-weight:600;}
.menu_bg3 { background-color:#f5f5f5; padding-left:20px;padding-top:6px; padding-bottom:6px;border-bottom:#cccccc 1px solid;border-top:#cccccc 1px solid;clear:left;}
</style>      
</head>
<body>
    <form id="form1" runat="server">
        <div align="Justify">
        <h2>上传颜色图片</h2>
            <div class="menu_bg"><table border="0">
                <tr>
                    <td valign="middle">
                        <input id="File1" type="file" runat="server" onchange="showImg('File1','imgss');" /></td>
                    <td rowspan="2">
                        <img id="imgss" src="" /></td>
                </tr>
                <tr>
                    <td align="left" valign="middle">
                        <asp:Button ID="Button1" CssClass="input_button" runat="server" Text="上 传" OnClick="Button1_Click" /></td>
                </tr>
            </table></div>
            &nbsp;
        </div>
    </form>
</body>
</html>
